import React, { Component } from 'react';
import {Photo} from '../styled'
class Photos extends Component {
  render() {
    let { photos } = this.props;
    return (
      <Photo>
        <div className='title'>
          <span className='title-name'>剧照</span>
          <span className='title-all'>全部 &gt;</span>
        </div>
        <div className="photos" style={{overflowX:'auto',overflowY:'hidden'}}>
          <ul style={{paddingLeft:'0.15rem'}}>
            {
              photos ? photos.map((el, i) => {
                return <li style={{width:'1.5rem',minWidth:'1.5rem'}} key={i}>
                  <div style={{height:'1rem'}}>
                    <img src={el} alt="" />
                </div>
              </li>
              }):<></>
            }
          </ul>
        </div>
      </Photo>
    );
  }
}

export default Photos;